<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Cafe House HTML5 Template</title>
  <script type="text/javascript" src="./js/jquery-2.1.4/jquery.js"></script>
  <script type="text/javascript" src="./js/index.js"></script>
  <!-- <link href='http://fonts.useso.com/css?family=Open+Sans:400,300,400italic,600,700' rel='stylesheet' type='text/css'>
  <link href='http://fonts.useso.com/css?family=Damion' rel='stylesheet' type='text/css'> -->
  <!-- <link href="css/font.css" rel='stylesheet' >
  <link href="css/font2.css" rel='stylesheet' > -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/font-awesome.min.css" rel="stylesheet">
  <link href="css/templatemo-style.css" rel="stylesheet">
  <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  
  <style type="text/css">
   .a-upload {
	 margin-left: 5px;
     padding: 4px 10px;
     text-decoration: none;
     height: 36px;
     line-height: 28px;
     position: relative;
     cursor: pointer;
     color: #888;
     background: #fafafa;
     border: 1px solid #ddd;
     border-radius: 4px;
     overflow: hidden;
     display: inline-block;
     *display: inline;
     *zoom: 1
    }
   .a-upload  input {
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
   } 
   .a-upload:hover {
    color: #444;
    background: #eee;
    border-color: #ccc;
    text-decoration: none
   }
  </style>
  </head>
  <body>
    <!-- Preloader -->
    <div id="loader-wrapper">
      <div id="loader"></div>
      <div class="loader-section section-left"></div>
      <div class="loader-section section-right"></div>
    </div>
    <!-- End Preloader -->
    <div class="tm-top-header">
      <div class="container">
        <div class="row">
          <div class="tm-top-header-inner">
            <div class="tm-logo-container">
              <img src="img/logo.png" alt="Logo" class="tm-site-logo">
              <h1 class="tm-site-name tm-handwriting-font">war包构建</h1>
            </div>
            <div class="mobile-menu-icon">
              <i class="fa fa-bars"></i>
            </div>
            <nav class="tm-nav">
              <ul>
                <li><a href="index.html" class="active">首页</a></li>
                <li><a href="#buildwar" >构建war包</a></li>
                <li><a href="#buildresult" >构建结果</a></li>
                <li><a href="#contact">联系我们</a></li>
              </ul>
            </nav>   
          </div>           
        </div>    
      </div>
    </div>
    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >手机网站模板</a></div>
    <section class="tm-welcome-section">
      <div class="container tm-position-relative">
        <div class="tm-lights-container">
          <img src="img/light.png" alt="Light" class="light light-1">
          <img src="img/light.png" alt="Light" class="light light-2">
          <img src="img/light.png" alt="Light" class="light light-3">  
        </div>        
        <div class="row tm-welcome-content">
          <h2 class="white-text tm-handwriting-font tm-welcome-header"><img src="img/header-line.png" alt="Line" class="tm-header-line">&nbsp;Build War&nbsp;&nbsp;<img src="img/header-line.png" alt="Line" class="tm-header-line"></h2>
       <!--    <h2 class="gold-text tm-welcome-header-2">hello</h2> -->
         <!--  <p class="gray-text tm-welcome-description">Cafe House template is a mobile-friendly responsive <span class="gold-text">Bootstrap v3.3.5</span> layout by <a rel="nofollow" href="http://www.cssmoban.com"><span class="gold-text">templatemo</span></a>. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculusnec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p> -->
          <a href="#buildwar" class="tm-more-button tm-more-button-welcome">come on</a>      
        </div>
        <img src="img/table-set.png" alt="Table Set" class="tm-table-set img-responsive">             
      </div>      
    </section>
    <div class="tm-main-section light-gray-bg">
      <div class="container">  
        <section class="tm-section tm-section-margin-bottom-0 row">
          <div class="row">
            <div class="col-lg-12 tm-section-header-container">
              <h2 class="tm-section-header gold-text tm-handwriting-font" id="buildwar"><img src="img/logo.png" alt="Logo" class="tm-site-logo"> 构建war包</h2> 
              <div class="tm-hr-container"><hr class="tm-hr"></div> 
            </div>  
          </div>   
          <div class="col-lg-4 col-md-4 margin-top-60" >
                <img src="img/menu-board.png" alt="Menu board" class="tm-daily-menu-img">      
          </div>      
          <div class="margin-top-60" >
            <div class="col-lg-6 col-md-6" >
              <div class="form-group" style="margin-bottom:30px;">
                <input type="text" id="warName" name="warName" class="form-control" placeholder="war包名称" />
              </div>
              <div class="form-group" style="margin-bottom:30px;">
                <input type="text" id="servletVersion" name="servletVersion" class="form-control" placeholder="servlet版本" value="3.0" />
              </div>
              <div class="form-group" style="margin-bottom:30px;">
                <input type="text" id="daName" name="daName" class="form-control" placeholder="da包"  style="width:390px;float:left"/>
               <a href="javascript:;" class="a-upload">
               <input type="file" name="fileupload" id="fileupload">浏览
               </a>
              </div>
              <div class="form-group">
                <button class="tm-more-button" name="build_war_btn" id="build_war_btn">打包</button> 
              </div>               
            </div>
          </div>
        </section>
        <section class="tm-section">
          <div class="row">
            <div class="col-lg-12 tm-section-header-container">
              <h2 class="tm-section-header gold-text tm-handwriting-font" id="buildresult"><img src="img/logo.png" alt="Logo" class="tm-site-logo"> 构建结果</h2> 
              <div class="tm-hr-container"><hr class="tm-hr"></div> 
            </div>  
          </div>          
          <div class="row">
            <div class="tm-daily-menu-container margin-top-60" >
             <!--  <div class="col-lg-4 col-md-4">
                <img src="img/menu-board.png" alt="Menu board" class="tm-daily-menu-img">      
              </div>           -->  
             <!--  <div class="col-lg-8 col-md-8" style="border:1px solid red;"> -->
                <!-- <p>Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.</p>
                <ol class="margin-top-30">
                  <li>Tellus eget condimentum rhoncus.</li> 
                  <li>Sem quam semper libero.</li>
                  <li>Sit amet adipiscing sem neque sed ipsum.</li> 
                  <li>Nam quam nunc, blandit vel, luctus pulvinar.</li> 
                  <li>Maecenas nec odio et ante tincidunt tempus.</li> 
                  <li>Donec vitae sapien ut libero ventenatis faucibus.</li> 
                </ol>
                <a href="#" class="tm-more-button margin-top-30">Read More</a>   --> 
                <table class="table table-striped" id="tab">
 
   <thead>
      <tr>
         <th>war包</th>
         <th>servlet版本</th>
         <th>dna版本</th>
         <th>da包</th>
         <th>构建时间</th>
         <th>状态</th>
         <th>操作</th>
      </tr>
   </thead>
   <tbody>
   </tbody>
</table>
 
              <!-- </div> -->
            </div>
          </div>          
        </section>
      <!--   <section class="tm-section">
          <div class="row">
            <div class="col-lg-12 tm-section-header-container">
              <h2 class="tm-section-header gold-text tm-handwriting-font" id="contact"><img src="img/logo.png" alt="Logo" class="tm-site-logo"> 联系我们</h2> 
              <div class="tm-hr-container"><hr class="tm-hr"></div> 
            </div>  
          </div>          
          <div class="row"> -->
           <!--  <div class="tm-daily-menu-container margin-top-60">
              <div class="col-lg-4 col-md-4">
                <img src="img/menu-board.png" alt="Menu board" class="tm-daily-menu-img">      
              </div>            
              <div class="col-lg-8 col-md-8">
                <p>Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.</p>
                <ol class="margin-top-30">
                  <li>Tellus eget condimentum rhoncus.</li> 
                  <li>Sem quam semper libero.</li>
                  <li>Sit amet adipiscing sem neque sed ipsum.</li> 
                  <li>Nam quam nunc, blandit vel, luctus pulvinar.</li> 
                  <li>Maecenas nec odio et ante tincidunt tempus.</li> 
                  <li>Donec vitae sapien ut libero ventenatis faucibus.</li> 
                </ol>
                <a href="#" class="tm-more-button margin-top-30">Read More</a>    
              </div>
            </div> -->

         <!--  </div>          
        </section> -->
       <!--  <section class="tm-section">
          <div class="row">
            <div class="col-lg-12 tm-section-header-container">
              <h2 class="tm-section-header gold-text tm-handwriting-font" id="contact"><img src="img/logo.png" alt="Logo" class="tm-site-logo"> 联系我们</h2> 
              <div class="tm-hr-container"><hr class="tm-hr"></div> 
            </div>  
          </div>          
          <form action="#" method="post" class="tm-contact-form margin-top-60">
           <div class="col-lg-4 col-md-4">
                <img src="img/menu-board.png" alt="Menu board" class="tm-daily-menu-img">      
              </div>    
            <div class="col-lg-6 col-md-6">
              <div class="form-group">
                <input type="text" id="warName" name="warName" class="form-control" placeholder="war包名称" />
              </div>
              <div class="form-group">
                <input type="email" id="servletVersion" name="servletVersion" class="form-control" placeholder="servlet版本" />
              </div>
              <div class="form-group" >
                <input type="text" id="daName" name="daName" class="form-control" placeholder="da包"  style="width:380px;float:left"/>
               <a href="javascript:;" class="a-upload">
               <input type="file" name="fileupload" id="fileupload" >浏览
               </a>
              </div>
              <div class="form-group">
                <button class="tm-more-button" type="submit" name="submit">打包</button> 
              </div>               
            </div>
          </form>
        </section> -->
      </div>
    </div> 
    <footer>
      <div class="tm-black-bg">
        <div class="container">
          <div class="row margin-bottom-60">
            <nav class="col-lg-3 col-md-3 tm-footer-nav tm-footer-div">
              <h3 class="tm-footer-div-title">Main Menu</h3>
              <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Directory</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">Our Services</a></li>
              </ul>
            </nav>
            <div class="col-lg-5 col-md-5 tm-footer-div">
              <h3 class="tm-footer-div-title">About Us</h3>
              <p class="margin-top-15">Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.</p>
              <p class="margin-top-15">Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus.</p>
            </div>
            <div class="col-lg-4 col-md-4 tm-footer-div">
              <h3 class="tm-footer-div-title">Get Social</h3>
              <p>Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante.</p>
              <div class="tm-social-icons-container">
                <a href="#" class="tm-social-icon"><i class="fa fa-facebook"></i></a>
                <a href="#" class="tm-social-icon"><i class="fa fa-twitter"></i></a>
                <a href="#" class="tm-social-icon"><i class="fa fa-linkedin"></i></a>
                <a href="#" class="tm-social-icon"><i class="fa fa-youtube"></i></a>
                <a href="#" class="tm-social-icon"><i class="fa fa-behance"></i></a>
              </div>
            </div>
          </div>          
        </div>  
      </div>      
      <div>
        <div class="container">
          <div class="row tm-copyright">
           <p class="col-lg-12 small copyright-text text-center">Copyright &copy; 2084 Your Cafe House. 
           More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
         </div>  
       </div>
     </div>
   </footer> <!-- Footer content-->  
   <!-- JS -->
   <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>      <!-- jQuery -->
   <script type="text/javascript" src="js/templatemo-script.js"></script>      <!-- Templatemo Script -->

 </body>
 </html>